<template>
    <h1>我是 APP 组件</h1>

    <!--
        父传子

            1. 在父组件 调用 子组件 的时候, 给 子组件绑定一些数据(信息)
                * 绑定的方式其实就是给 子组件的 这个标签 添加一些自定义属性
            2. 在子组件中通过 props 接收
                * props 可以是一个数组, 也可以是一个对象, 推荐数组


            注意:
                在子组件不允许修改父组件传递过来的数据
                    也就是说, 子组件通过 props 接收到的数据, 能用, 但是不能改

                因为: vue 中的数据遵循的是 单向数据流, 也就是说, 数据能够从父组件流传到子组件, 
                        但是子组件的数据不能流传到父组件, 同时也不能修改
     -->

    <QFBtn btnname="APP 组件传递给子组件的一个字符串" :btnage="18" />
    <QFBtn :btnage="18" />
</template>

<script>
import QFBtn from "./components/qf_btn.vue";
export default {
    components: {
        QFBtn,
    },
};
</script>

<style></style>
